.detail_main {
    clear: both;
    padding-top: 25px;
}

.detail_main_nav li {
    position: relative;
    float: left;
    margin-right: 13px;
}

.detail_main_nav li a {
    font-size: 14px;
    display: inline-block;
    overflow: hidden;
    max-width: 80px;
    padding-bottom: 2px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #343d47;
    border-bottom: 3px solid #fff;
}

.fuzzy_filter .detail_main_nav li a {
    border-bottom: none;
}

.detail_main_nav li span.tip_number {
    font-size: 9px;
    position: absolute;
    top: -7px;
    right: -5px;
    color: #343d47;
    border-bottom: none !important;
}

.fuzzy_filter .detail_main_nav li span.tip_number {
    right: -22px;
    width: 20px;
}

.detail_main_nav li a.nav_more {
    display: block;
    width: 30px;
    height: 12px;
    margin-top: 4px;
    border-bottom: none !important;
    background: url(../images/detail_nav_more.png) center no-repeat;
}

.detail_main_nav li:hover a {
    text-decoration: none;
    color: #2898e0;
    border-bottom: 3px solid #2898e0;
}

.detail_main_nav li a.nav_more:hover {
    border-bottom: none !important;
    background: url(../images/detail_nav_more_blue.png) center no-repeat;
}

.detail_main_nav li:hover span.tip_number {
    color: #2898e0;
}

.detail_main_nav li.hover a,
.detail_main_nav li.hover span.tip_number {
    color: #2898e0;
    border-bottom: 3px solid #2898e0;
}

.detail_main_nav .drop_div {
    position: absolute;
    z-index: 2;
    top: 24px;
    right: 0;
    width: 120px;
}

.detail_main_nav .drop_div a {
    font-size: 12px;
    line-height: 34px;
    display: block;
    height: 34px;
    padding-left: 15px;
    color: #343d47 !important;
    border-bottom: none !important;
}

.detail_main_nav .drop_div a:hover {
    color: #343d47;
    border: 0;
    background: #f6f6f8;
}

.detail_main_panel {
    position: relative;
    clear: both;
    margin-top: 20px;
}

.detail_right_area {
    position: relative;
    margin-bottom: 30px;
}

.detail_right_area h5 {
    font-size: 14px;
    font-weight: normal;
    line-height: 1em;
    margin-bottom: 15px;
}

.detail_right_area ul.people_list {
    margin-bottom: 0;
}

.detail_right_area .more_link {
    display: block;
    width: 100px;
    margin: 10px 0 0 0;
    text-decoration: underline;
    color: #959ca8;
}

.detail_right_area .more_link:hover {
    color: #343d47;
}
/*资料字段列表*/

.detail_field .more_link,
.detail_field .more_link2 {
    line-height: 20px;
    position: relative;
    display: block;
    float: left;
    height: 20px;
    margin: 10px 0 15px 0;
    padding-right: 12px;
}

.detail_field .more_link .arrow,
.detail_field .more_link2 .arrow {
    position: absolute;
    top: 6px;
    right: 0;
    display: block;
    width: 8px;
    height: 8px;
    background: url(../images/blue_arrow_8.png) 0 -8px no-repeat;
}

.field_line {
    font-size: 14px;
    position: relative;
    float: left;
    clear: both;
    box-sizing: content-box;
    width: 100%;
    margin-top: 8px;
    margin-bottom: 6px;
    padding-bottom: 6px;
    color: #959ca8;
    border-bottom: 1px solid #ddd;
}

.field_line span {
    line-height: 20px;
    display: block;
    float: left;
    height: 20px;
}

.field_line span.name {
    padding-left: 30px;
    color: #343d47;
    background: url(../images/feed_class_20.png) 0 -420px no-repeat;
}

.field_product_line span.name {
    padding-left: 30px;
    color: #343d47;
    background: url(../images/feed_class_20.png) 0 -380px no-repeat;
}

.field_enemy_line span.name {
    padding-left: 30px;
    color: #343d47;
    background: url(../images/feed_class_20.png) 0 -300px no-repeat;
}

.field_market_line span.name {
    padding-left: 30px;
    color: #343d47;
    background: url(../images/feed_class_20.png) 0 -260px no-repeat;
}

.field_line span.num {
    font-size: 11px;
    font-weight: bold;
    line-height: 13px;
    display: block;
    height: 14px;
    margin: 4px 0 0 8px;
    padding: 0 7px;
    color: #fff;
    border-radius: 7px;
    background: #959ca8;
}

.field_line span.editable {
    padding-right: 20px;
    cursor: pointer;
}

.field_line:hover span.editable {
    background: url(../images/edit_pen.png) right 5px no-repeat;
}

.field_line span.role {
    font-size: 12px;
    font-weight: normal;
    line-height: 12px;
    margin-top: 5px;
    margin-left: 5px;
    color: #959ca8;
}

a.more_operate {
    display: block;
    width: 8px;
    height: 8px;
    background: url(../images/black_arrow_line_8.png) 0 -8px no-repeat;
}

a.more_operate:hover {
    background-color: #fff;
}

.field_line .more_operate {
    position: absolute;
    top: 10px;
    right: 10px;
}

.contact_name span.name {
    padding-left: 30px;
    color: #343d47;
    background: url(../images/feed_class_20.png) 0 -140px no-repeat;
}

.contact_name span.main_contact {
    background: url(../images/feed_class_20_orange.png) 0 0 no-repeat;
}

.case_name span.name {
    padding-left: 30px;
    color: #343d47;
    background: url(../images/feed_class_20.png) 0 -160px no-repeat;
}

.opp_name span.name {
    padding-left: 30px;
    color: #343d47;
    background: url(../images/feed_class_20.png) 0 -180px no-repeat;
}

.contract_name span.name {
    padding-left: 30px;
    color: #343d47;
    background: url(../images/feed_class_20.png) 0 -200px no-repeat;
}
.enemy_name span.name {
    padding-left: 30px;
    color: #343d47;
    background: url(../images/feed_class_20.png) 0 -300px no-repeat;
}

.partner_name span.name {
    padding-left: 30px;
    color: #343d47;
    background: url(../images/feed_class_20.png) 0 -320px no-repeat;
}

.product_name span.name {
    padding-left: 0;
    background: none;
}
.contact_name span.name ,
.case_name span.name ,
.opp_name span.name ,
.contract_name span.name ,
.enemy_name span.name ,
.partner_name span.name ,
.product_name span.name {
    max-width: 500px;

}
.contact_name span.name > span,
.case_name span.name > span,
.opp_name span.name > span,
.contract_name span.name > span,
.enemy_name span.name > span,
.partner_name span.name > span,
.product_name span.name > span{
    max-width: 450px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: break-word;
}

.expander {
    position: relative;
    clear: both;
    border-top: 1px solid #fff;
    border-bottom: 1px dotted #ddd;
}

.expander:hover {
    cursor: pointer;
    border-top: 1px solid #f2f2f2;
    background: #f2f2f2;
}

.expander .discount_info {
    position: absolute;
    top: 18px;
    right: 0;
}

.discount_info span {
    margin-left: 10px;
}

.discount_info input {
    width: 24px;
    margin-right: 2px;
}

.no_hover {
    border-top: 1px solid #fff!important;
}

.no_hover:hover {
    cursor: default;
    border-top: 1px solid #fff;
    background: none !important;
}

.has_expander {
    border-top: 1px dotted #f8f9f9;
    border-bottom: 1px solid #ddd;
}

.expander h5.first_line {
    margin-top: 10px;
}

.expander h5.field_line {
    padding-top: 6px;
    border: 0;
}

.expander span.arrow {
    display: none;
    width: 8px !important;
    height: 8px !important;
    margin: 6px 0 0 10px;
    background: url(../images/gray_arrow_line_8.png) 0 -8px no-repeat;
}

.has_expander span.arrow {
    background: url(../images/gray_arrow_line_8.png) 0 0 no-repeat;
}

.expander:hover span.arrow {
    display: block;
}

.expander_panel {
    margin-top: 7px;
}

.expander_panel a.more_link2 {
    margin-left: 10px;
}

.expander_panel .item_detail a.more_link {
    margin: 3px 0 17px 0;
}

.field {
    position: relative;
    clear: both;
    min-height: 28px;
    padding: 5px 0;
}

.add_new_list .create_sales {
    margin: 10px 0 15px 0;
}

.create_sales span .checkbox {
    float: left;
    margin: 2px 3px 0 0;
    outline: none;
}

.add_new_list .create_sales p {
    margin-top: 10px;
    color: #f93;
}

.add_new_list .field {
    min-height: 38px;
}

.opp_reason .add_new_list .field {
    min-height: 20px;
}

.field .necessary {
    position: absolute;
    top: 18px;
    left: -15px;
    color: #ff4800;
}

.field .field_tip {
    position: absolute;
    top: 3px;
    right: -5px;
    display: block;
    width: 16px;
    height: 16px;
    background: url(../images/tip.png) center no-repeat;
}

.field .field_name {
   /* line-height: 34px;*/
    float: left;
    width: 95px;
    margin-right: 5px;
    padding: 10px 0;
}

.field .field_content {
    line-height: 1.8em;
    position: relative;
    float: left;
    max-width: 400px;
    margin: 7px 0 0 0;
    padding-right: 20px;
}

.field span.auto_num {
    display: block !important;
    margin: 7px 0 0 0;
    color: #999;
}

.product_tab_detail .field .field_content {
    float: none;
}

.field .field_content label.create_type {
    float: left;
    margin: 5px 30px 0 0;
}

.field .field_content label.create_type input {
    float: left;
    margin-top: 3px;
    margin-right: 3px;
}

.add_new_list .field .field_content {
    margin-top: 1px;
}

.field .task_tip {
    margin-top: 5px;
    color: #dc352e;
}

.field_twoline .field_name {
    display: block;
    float: none;
    width: auto;
}

.field_twoline .field_content {
    float: none;
    margin-top: -2px;
}

.add_new_list .field_twoline .field .field_content div.widget-wrapper {
    min-width: 100px;
    min-height: 28px;
}

.all_operate_list {
    margin-bottom: 30px;
}

.all_operate_list li {
    margin-top: 25px;
}

.all_operate_list li span.all_operate_time {
    margin-right: 5px;
    color: #343d47 !important;
}

.all_operate_list li a.all_operate_name,
.all_operate_list li a.all_operate_object {
    margin-right: 5px;
    margin-left: 5px;
    cursor: pointer;
    color: #2898e0;
}

.all_operate_list li span {
    display: inline-block;
    margin-right: 5px;
    color: #343d47;
}

.editable:hover .field_content {
    cursor: pointer;
    background: url(../images/edit_pen.png) right 6px no-repeat;
}

.tip_info {
    clear: both;
}

.tip_info .error {
    color: #e54245;
}

.tip_info .normal {
    color: #2898e0;
}

.noneeditable:hover .field_content {
    cursor: default;
    background: none;
}

.editable:hover .editing {
    padding-right: 0;
    cursor: default;
    background: none;
}

.editable .none_info,
.field_content .none_info {
    color: #959ca8;
}

a.field_edit_pen {
    line-height: 20px;
    display: block;
    height: 20px;
    padding-left: 16px;
    color: #959ca8;
    background: url(../images/edit_pen.png) left center no-repeat;
}

.detail_main_panel a.field_edit_pen {
    position: absolute;
    top: 16px;
    right: 0;
}
/*detail operate*/

.detail_operate .operate_item_area {
    position: relative;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

.detail_operate a.operate_item {
    line-height: 36px;
    position: relative;
    display: block;
    width: 100%;
    height: 36px;
    color: #343d47;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.detail_operate a span {
    display: block;
    margin: 0 0 0 45px;
}

.detail_operate a span.arrow {
    position: absolute;
    top: 14px;
    right: 14px;
    display: block;
    width: 8px;
    height: 8px;
    margin: 0;
    background: url(../images/black_arrow_8.png) 0 -8px no-repeat;
}

.detail_operate a.add {
    background: url(../images/action_01.png) 15px center no-repeat;
}

.detail_operate a.task_add {
    background: url(../images/action_02.png) 16px center no-repeat;
}

.detail_operate a.transfer {
    background: url(../images/transfer.png) 16px center no-repeat;
}

.detail_operate a.backto {
    background: url(../images/action_04.png) 16px center no-repeat;
}

.detail_operate a.delete {
    background: url(../images/action_05.png) 16px center no-repeat;
}

.detail_operate a.close {
    background: url(../images/action_05.png) 16px center no-repeat;
}

.detail_operate a.edit {
    background: url(../images/action_06.png) 16px center no-repeat;
}

.detail_operate a.change {
    background: url(../images/change.png) 16px center no-repeat;
}

.detail_operate a.allot {
    background: url(../images/allot.png) 16px center no-repeat;
}

.detail_operate a.close {
    background: url(../images/action_close.png) 16px center no-repeat;
}

.detail_operate a.return {
    background: url(../images/return.png) 16px center no-repeat;
}
.detail_operate a.close_customer {
    background: url(../images/action_close.png) 16px center no-repeat;
}

.detail_operate a.get {
    background: url(../images/action_get.png) 16px center no-repeat;
}

.detail_operate a.chgrp {
    background: url(../images/action_chgrp.png) 16px center no-repeat;
}

.detail_operate a.recover {
    background: url(../images/action_recover.png) 16px center no-repeat;
}

.detail_operate a.effect {
    background: url(../images/action_effect.png) 16px center no-repeat;
}

.detail_operate a.void {
    background: url(../images/action_void.png) 16px center no-repeat;
}

.detail_operate a.return_goods {
    background: url(../images/action_return.png) 16px center no-repeat;
}

.detail_operate a.resume {
    background: url(../images/action_resume.png) 16px center no-repeat;
}

.detail_operate a.delay {
    background: url(../images/action_delay.png) 16px center no-repeat;
}

.detail_operate a.reported {
    background: url(../images/action_reported.png) 16px center no-repeat;
}
.detail_operate a.print{
    background: url(../images/print.png) 16px center no-repeat;
}
.detail_operate a:hover {
    text-decoration: none;
    background-color: #eee;
}
